<section id="page3" data-role="page">
    <header data-role="header" data-theme="b">
        <a data-icon="back" data-rel="back" data-theme="c">Atras</a>
        <h1>GENERAL MOVIL</h1>        
    </header>
    <div data-role="content" class="content">
        <div data-role="collapsible-set" data-content-theme="d" id="set">
            <div data-role="collapsible" id="set1" data-collapsed="false">
                <h3>DATOS DEL PRODUCTO</h3>
                <?php //$categoria = $datosProducto['Categoria']['id']; ?>
                <img src="<?php echo $this->webroot ?>img/iconos/tuboCompleto.png" style="float: left; margin-right: 5px;">
                <b>PRODUCTO: </b><?php echo $datosProducto['Tubo']['nombre']; ?><br />
                <b>TIPO: </b><?php echo $datosProducto['Categoria']['nombre']; ?><br />
                <div style="padding-left: 37px;">
                    <b>CODIGO: </b><?php echo $datosProducto['Cortestubo']['codigo']; ?><br />                
                    <b>LUGAR: </b><?php echo $datosProducto['Sucursale']['nombre']; ?><br />
                    <b>PESO: </b><?php echo $datosProducto['Cortestubo']['peso']; ?><br />                
                    <?php if ($categoria == 19): ?>
                        <b>ALTO: </b><?php echo $datosProducto['Cortestubo']['alto']; ?><br />        
                    <?php endif; ?>
                </div>    
            </div>
        </div> 
        Arbol genealogico
        <?php //debug($categoria); ?>
        <div style="padding-left: 20px; padding-top: 10px;">
            <?php $c = 0; ?>
            <?php foreach ($arbol as $a): ?>
                <h2>
                    <?php if ($c != 0): ?>
                        <?php for ($i = 1; $i <= $c; $i++): ?>
                            &nbsp;&nbsp;&nbsp;
                        <?php endfor; ?>
                        <?php echo $this->Html->image('iconos/hijo.png'); ?>
                    <?php endif; ?>
                    <?php if ($categoria == 18): ?>        
                        <?php echo $this->Html->image('iconos/liquidos.png', array('style' => 'padding-top: 10px;')); ?> <?php echo $a['Cortestubo']['codigo'] ?>     
                    <?php endif; ?>
                    <?php if ($categoria == 19): ?>        
                        <?php echo $this->Html->image('iconos/tuboCompleto.png', array('style' => 'padding-top: 10px;')); ?> <?php echo $a['Cortestubo']['codigo'] ?>     
                    <?php endif; ?>
                    <?php if ($categoria == 20): ?>        
                        <?php echo $this->Html->image('iconos/liquidos.png', array('style' => 'padding-top: 10px;')); ?> <?php echo $a['Cortestubo']['codigo'] ?>     
                    <?php endif; ?>        
                </h2>    
                <?php $c++; ?>
                
            <?php endforeach; ?>      
        </div>
    </div>
    <footer data-role="footer" data-theme="b"><h1>GENERAL</h1></footer>
</section>